<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程训练列表</title>
</head>

<body class="dpflex fdc">

    <!-- 头部导航  -->
    <header id="header" class="header"></header>
    <!-- 内容区域 -->
    <div class="content flex1 overflowy">
        <div class="trainingCourse flex1 overflowy">
            <!-- 课程训练的内容开始 -->
            <!-- 最新课程 -->
            <h2 class="title">最新课程</h2>
            <div class="mt10 newcourse " id="newCourse">

                <!--   <a href="./course.html">
                    <div class="curriculum">
                        <p class="curriculumImg">
                            <img src="../img/course-img01.jpg" alt="">
                        </p>
                        <div class="curriculumCon">
                            <div>巧克力腹肌雕刻</div>
                            <p>一场痛快淋漓的腹肌撕裂体验。</p>
                        </div>

                    </div>
                </a> -->
            </div>

            <!-- 课程 -->
            <h2 class="title mt10">课程</h2>
            <div class="course" id="oldCourse">
                <!--
                    <li>
                    <div class="courseCon">
                        <img src="../img/course-img02.png" alt="">
                        <div class="courseConText">
                            <p class="courseConDise">巧克力腹肌雕刻</p>
                            <p class="">一场痛快淋漓的腹肌撕裂体验。</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="courseCon">
                        <img src="../img/course-img03.jpg" alt="">
                        <div class="courseConText">
                            <p class="courseConDise">巧克力腹肌雕刻</p>
                            <p class="">一场痛快淋漓的腹肌撕裂体验。</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="courseCon">
                        <img src="../img/course-img04.jpg" alt="">
                        <div class="courseConText">
                            <p class="courseConDise">巧克力腹肌雕刻</p>
                            <p class="">一场痛快淋漓的腹肌撕裂体验。</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="courseCon">
                        <img src="../img/course-img05.jpg" alt="">
                        <div class="courseConText">
                            <p class="courseConDise">巧克力腹肌雕刻</p>
                            <p class="">一场痛快淋漓的腹肌撕裂体验。</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="courseCon">
                        <img src="../img/course-img05.jpg" alt="">
                        <div class="courseConText">
                            <p class="courseConDise">巧克力腹肌雕刻</p>
                            <p class="">一场痛快淋漓的腹肌撕裂体验。</p>
                        </div>
                    </div>
                </li> -->
            </div>


            <!-- 课程训练的内容结束 -->
        </div>

    </div>
    <!-- 底部导航栏 -->
    <footer id="footer" class="footer"></footer>

    <!--  引入axios -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>

</html>